<!DOCTYPE html>
<html>
<head>
    <title>组别管理</title>
    <!--#include file="/html/common/head.html"-->
    <link rel="stylesheet" type="text/css" href="/css/basic-information-management/group-management.css">
</head>
<body>
    <!--#include file="/html/common/header.html"-->
    <div class="page clearfix">
        <div class="holder">
            <div class="container"> 
                <div class="row">
                    <div class="col-sm-12">
                        <ol class="breadcrumb">
                            <li><a href="#"><i class="fa fa-home"></i>&nbsp;首页</a></li>
                            <li><a href="#">基本信息管理</a></li>
                            <li class="active">组别管理</li>
                        </ol>
                    </div>
                    <div class="col-sm-12">
                        <div class="panel panel-info">
                            <div class="panel-heading">
                                <h4>组别管理</h4>
                            </div>
                            <div class="panel-body">
                                <form class="form-horizontal J_form" method="" action="">
                                    <div class="form-group col-sm-12 clearfix">
                                        <label class="col-sm-3 control-label">选择年级</label>
                                        <div class="col-sm-9">
                                            <div class="taste-list J_gradeList">
                                                <!-- <div class="select-tag">一年级<i class="fa fa-times J_delSelectTag"></i></div>
                                                <div class="select-tag">二年级<i class="fa fa-times J_delSelectTag"></i></div> -->
                                            </div>
                                            <a href="#" class="btn btn-success" data-toggle="modal" data-target="#addGradeDialog"><i class="fa fa-plus">&nbsp;</i>添加年级</a>
                                        </div>
                                    </div>
                                    <div class="form-group col-sm-12 clearfix">
                                        <label class="col-sm-3 control-label">选择组别</label>
                                        <div class="col-sm-9">
                                            <div class="taste-list J_groupList">
                                                <!-- <div class="select-tag">一年级<i class="fa fa-times J_delSelectTag"></i></div>
                                                <div class="select-tag">二年级<i class="fa fa-times J_delSelectTag"></i></div> -->
                                            </div>
                                            <a href="#" class="btn btn-success" data-toggle="modal" data-target="#addGroupDialog"><i class="fa fa-plus">&nbsp;</i>添加组别</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加年级 -->
    <div class="modal fade" id="addGradeDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">添加年级</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">年级</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_grade" name="grade">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary J_addGradeDlg">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加组别 -->
    <div class="modal fade" id="addGroupDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">添加组别</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">组别</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_group" name="group">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary J_addGroupDlg">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--#include file="/html/common/footer.html"-->
    <script src="/js/basic-information-management/group-management.js"></script>
</body>
</html>